<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>智选写字楼</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="../../common/js/video/video-js.css" rel="stylesheet">
    <link href="../../common/js/swiper/swiper-4.0.5.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../../common/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../../common/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../common/css/index.css" />
    <script type="text/javascript" charset="utf-8" src="../../common/js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../common/js/swiper/swiper-4.0.5.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../common/js/video/video.js"></script>
</head>

<body>
    <!--页面头部-->
    <div class="main" id="main">
        <div class="banner">
            <div class="swiper-container main_container" id="swiper-container1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="position:relative;">
                        <div id="videoWord" style="position:absolute;z-index: 1;">
                            <img id="video-img" src="../../common/images/video-word.png">
                        </div>
                        <video id="preview-player2" class="video-js vjs-default-skin" muted preload="auto" loop="true"
                            autoplay="autoplay">
                            <source src="../../common/video/01-1.mp4" type="video/mp4">
                        </video>
                    </div>
                    <div class="swiper-slide"><img src="../../common/images/banner01.jpg"></div>
                    <div class="swiper-slide"><img src="../../common/images/banner02.jpg"></div>
                    <div class="swiper-slide"><img src="../../common/images/banner03.jpg"></div>
                </div>
                <div class="swiper-button-prev"><span></span></div>
                <div class="swiper-button-next"><span></span></div>
                <div class="swiper-pagination main_container_pagination"></div>
            </div>
            <div class="banner-search clearfix">
                <i class="fa fa-search"></i>
                <input type="text" placeholder="在品牌内搜索">
                <a href="javascript:;">搜&nbsp;索</a>
            </div>
        </div>
        <script>
            //注意js放的位置，动态修改banner高度
            var aimDom = document.getElementById('swiper-container1');
            var height = (aimDom.clientWidth * 717) / 1920;
            aimDom.style.height = height + 'px';

            var videoword = document.getElementById('videoWord'),
                videoimg = document.getElementById('video-img');
            videoimg.style.height = height * 0.55 + 'px';
            videoword.style.bottom = height * 0.07 + 'px';
            videoword.style.right = (aimDom.clientWidth - 1200) / 2 + 70 + 'px';
        </script>
        <div class="index-header">
            <div class="top-header section">
                <div class="logo">
                    <a href="javascript:;">
                        <img src="../../common/images/logo/1.png" style="width: 165px;">
                    </a>
                </div>
                <div class="navlist">
                    <a href="../search/搜索结果列表-写字楼_园区按房源.html" class="button">写字楼</a>
                    <a href="../search/搜索结果列表-写字楼_园区按房源.html" class="button">园区</a>
                    <a href="../search/搜索结果列表-联合办公_按社区.html" class="button">联合办公</a>
                    <i>|</i>
                    <a href="../others/入驻平台-开发商.html" class="button" style="margin-left: 15px;">入驻平台</a>
                    <a href="../others/直租计划.html" class="button">直租计划</a>
                    <a href="../login/login.html" class="login" style="margin-right:15px;">登录</a>
                    <a href="../login/loginphone.html" class="login">注册</a>
                </div>
            </div>
        </div>
        <div class="fixbanner">
            <div class="section">
                <div class="logo">
                    <a href="javascript:;">
                        <img src="../../common/images/logo/1.png" style="width: 135px;" />
                    </a>
                </div>
                <div class="search">
                    <input type="text" placeholder="请输入写字楼名称">
                    <a href="javascript:;">
                        <i class="fa fa-search"></i>
                    </a>
                </div>
                <div class="navlist">
                    <a href="../search/搜索结果列表-写字楼_园区按房源.html" class="button">写字楼</a>
                    <a href="../search/搜索结果列表-写字楼_园区按房源.html" class="button">园区</a>
                    <a href="../search/搜索结果列表-联合办公_按社区.html" class="button">联合办公</a>
                    <i>|</i>
                    
                    <a href="../others/入驻平台-开发商.html" class="button" style="margin-left: 15px;">入驻平台</a>
                    <a href="../others/直租计划.html" class="button">直租计划</a>
                    <a href="../login/login.html" class="login" style="margin-right:15px;">登录</a>
                    <a href="../login/loginphone.html" class="login">注册</a>
                </div>
            </div>
        </div>
    </div>
    <!--/页面头部-->

    <div class="section">
        <div class="mt-55 clearfix">
            <div class="left-650">
                <div class="mode-title clearfix" style="padding-right: 30px;">
                    <h3 class="pull-left">精选写字楼</h3>
                    <a href="javascript:;" class="pull-right">查看全部&nbsp;&gt;</a>
                </div>
                <div class="mode-content" style="padding-right: 30px;">
                    <ul class="jingxuan-area clearfix" id="jingxuan-area">
                        <li class="active" data-id="0"><a href="javascript:;">朝阳</a></li>
                        <li data-id="1"><a href="javascript:;">海淀</a></li>
                        <li data-id="2"><a href="javascript:;">东城</a></li>
                        <li data-id="3"><a href="javascript:;">西城</a></li>
                        <li data-id="4"><a href="javascript:;">丰台</a></li>
                        <li data-id="5"><a href="javascript:;">大兴</a></li>
                        <li data-id="6"><a href="javascript:;">通州</a></li>
                        <li data-id="7"><a href="javascript:;">其他</a></li>
                    </ul>
                    <div class="circle-swiper">
                        <div class="swiper-container" id="hot-circle-swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="hot-circle-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info clearfix">
                                                <p class="pull-left" style="font-size: 14px;line-height: 27px;">诺金中心｜酒仙桥
                                                </p>
                                                <p class="pull-right">
                                                    <span class="big">9</span>&nbsp;<small>元/m²·天</small>
                                                </p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left-495">
                <div class="mode-title clearfix" style="padding-left:30px;">
                    <h3 class="pull-left">热门商圈</h3>
                    <a href="javascript:;" class="pull-right">查看全部&nbsp;&gt;</a>
                </div>
                <div class="mode-content" style="padding-left:30px;">
                    <ul class="remen-list clearfix">
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-1.png">
                                    <div class="info">
                                        <p>CBD</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-2.png">
                                    <div class="info">
                                        <p>三元桥</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-2.png">
                                    <div class="info">
                                        <p>酒仙桥</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-1.png">
                                    <div class="info">
                                        <p>亚奥</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-1.png">
                                    <div class="info">
                                        <p>望京</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-2.png">
                                    <div class="info">
                                        <p>CBD</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-2.png">
                                    <div class="info">
                                        <p>燕莎</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="remen-info">
                                    <img src="../../common/images/remen-1.png">
                                    <div class="info">
                                        <p>酒仙桥</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-55" style="position:relative;">
        <img src="../../common/images/index/guang.png" style="width:100%;">
        <span class="guang-tag"><small>广告</small></span>
    </div>

    <div class="section">
        <div class="mt-55 clearfix">
            <div class="left-650">
                <div class="mode-title" style="padding-right: 30px;">
                    <h3>联合办公</h3>
                </div>
                <div class="mode-content" style="padding-right: 30px;">
                    <div class="clearfix">
                        <ul class="tab-hua clearfix pull-left">
                            <li class="selected">
                                <a href="javascript:;" id="lianhe1"
                                    onclick="swiperMove('lianhe', 'lianhe1', 'lianhe-pagination', 6, 0)">开放办公位</a>
                            </li>
                            <li>
                                <a href="javascript:;" id="lianhe2"
                                    onclick="swiperMove('lianhe', 'lianhe2', 'lianhe-pagination', 88, 1)">独立办公间</a>
                            </li>
                            <li>
                                <a href="javascript:;" id="lianhe3"
                                    onclick="swiperMove('lianhe', 'lianhe3', 'lianhe-pagination', 162, 2)">路演场地</a>
                            </li>
                            <li class="move" id="lianhe-move"></li>
                        </ul>
                        <a href="javascript:;" class="see-all-index pull-right">查看全部&nbsp;&gt;</a>
                    </div>
                    <div style="margin-left: -5px;margin-right: -5px;">
                        <div class="swiper-container lianhe-swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月起</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom: 5px;">
                                                    <span style="padding-right: 5px;">2人间</span>
                                                    <span style="padding-right: 5px;">4人间</span>
                                                    <span style="padding-right: 5px;">6人间</span>
                                                </p>
                                                <p>朝阳CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月起</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom: 5px;">
                                                    <span style="padding-right: 5px;">2人间</span>
                                                    <span style="padding-right: 5px;">4人间</span>
                                                    <span style="padding-right: 5px;">6人间</span>
                                                </p>
                                                <p>朝阳CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月起</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom: 5px;">
                                                    <span style="padding-right: 5px;">2人间</span>
                                                    <span style="padding-right: 5px;">4人间</span>
                                                    <span style="padding-right: 5px;">6人间</span>
                                                </p>
                                                <p>朝阳CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元·人/月起</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom: 5px;">
                                                    <span style="padding-right: 5px;">2人间</span>
                                                    <span style="padding-right: 5px;">4人间</span>
                                                    <span style="padding-right: 5px;">6人间</span>
                                                </p>
                                                <p>朝阳CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元/半天</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom:5px;">300m²</p>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元/半天</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom:5px;">300m²</p>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元/半天</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom:5px;">300m²</p>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="new-lianhe-list">
                                            <div class="back" style="background-image:url(../../common/images/inner.png)"></div>
                                            <div class="info top-2">
                                                <div class="clearfix">
                                                    <p class="pull-left" style="font-size: 14px;line-height: 27px;">
                                                        北京华贸中心·优客工场</p>
                                                    <p class="pull-right" style="line-height:26px;">
                                                        <span class="big">2800</span>&nbsp;<small>元/半天</small>
                                                    </p>
                                                </div>
                                                <div class="split-line"></div>
                                                <p style="margin-bottom:5px;">300m²</p>
                                                <p>朝阳·CBD</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left-495">
                <div class="mode-title" style="padding-left: 30px;">
                    <h3>&nbsp;</h3>
                </div>
                <div class="mode-content" style="padding-left: 30px;">
                    <div class="clearfix">
                        <p class="pull-left">品牌专区</p>
                        <a href="javascript:;" class="see-all-index pull-right">查看全部&nbsp;&gt;</a>
                    </div>
                    <div class="brand-swiper" style="margin:0 -5px;">
                        <div class="swiper-container" id="brand-swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div style="margin: 0 5px;">
                                        <div class="brand-big">
                                            <img src="../../common/images/index/brand-1.png">
                                            <div class="brand-main">
                                                <img src="../../common/images/union-logo.png">优客工场
                                            </div>
                                            <div class="brand-info clearfix">
                                                <div class="pull-left">来自XXX社区</div>
                                                <div class="pull-right">
                                                    <a href="javascript:;">进入品牌页&nbsp;&gt;</a>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="brand-small" style="margin-right:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                        <a class="brand-small" style="margin-left:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div style="margin: 0 5px;">
                                        <div class="brand-big">
                                            <img src="../../common/images/index/brand-1.png">
                                            <div class="brand-main">
                                                <img src="../../common/images/union-logo.png">优客工场
                                            </div>
                                            <div class="brand-info clearfix">
                                                <div class="pull-left">来自XXX社区</div>
                                                <div class="pull-right">
                                                    <a href="javascript:;">进入品牌页&nbsp;&gt;</a>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="brand-small" style="margin-right:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                        <a class="brand-small" style="margin-left:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div style="margin: 0 5px;">
                                        <div class="brand-big">
                                            <img src="../../common/images/index/brand-1.png">
                                            <div class="brand-main">
                                                <img src="../../common/images/union-logo.png">优客工场
                                            </div>
                                            <div class="brand-info clearfix">
                                                <div class="pull-left">来自XXX社区</div>
                                                <div class="pull-right">
                                                    <a href="javascript:;">进入品牌页&nbsp;&gt;</a>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="brand-small" style="margin-right:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                        <a class="brand-small" style="margin-left:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div style="margin: 0 5px;">
                                        <div class="brand-big">
                                            <img src="../../common/images/index/brand-1.png">
                                            <div class="brand-main">
                                                <img src="../../common/images/union-logo.png">优客工场
                                            </div>
                                            <div class="brand-info clearfix">
                                                <div class="pull-left">来自XXX社区</div>
                                                <div class="pull-right">
                                                    <a href="javascript:;">进入品牌页&nbsp;&gt;</a>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="brand-small" style="margin-right:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                        <a class="brand-small" style="margin-left:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div style="margin: 0 5px;">
                                        <div class="brand-big">
                                            <img src="../../common/images/index/brand-1.png">
                                            <div class="brand-main">
                                                <img src="../../common/images/union-logo.png">优客工场
                                            </div>
                                            <div class="brand-info clearfix">
                                                <div class="pull-left">来自XXX社区</div>
                                                <div class="pull-right">
                                                    <a href="javascript:;">进入品牌页&nbsp;&gt;</a>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="brand-small" style="margin-right:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                        <a class="brand-small" style="margin-left:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div style="margin: 0 5px;">
                                        <div class="brand-big">
                                            <img src="../../common/images/index/brand-1.png">
                                            <div class="brand-main">
                                                <img src="../../common/images/union-logo.png">优客工场
                                            </div>
                                            <div class="brand-info clearfix">
                                                <div class="pull-left">来自XXX社区</div>
                                                <div class="pull-right">
                                                    <a href="javascript:;">进入品牌页&nbsp;&gt;</a>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="brand-small" style="margin-right:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                        <a class="brand-small" style="margin-left:3px;" href="javascript:;">
                                            <img src="../../common/images/inner.png">
                                            <div class="brand-small-info">
                                                <p class="address">朝阳·酒仙桥</p>
                                                <p class="name">北京华贸中心·优客工场</p>
                                                <p class="price"><big>2800</big> 元·人/月起</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination brand-pagination" style="bottom:-5px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 委托找房 -->
    <div class="new-publish-outer" style="background: url(../../common/images/index-1-2.jpg) center 100%;">
        <div class="section">
            <div class="new-publish weituo">
                <div class="title">委托找房<div class="index-split" style="left:101px;"></div>
                    <span class="small-title">10分钟响应&nbsp;&nbsp;一对一服务</span></div>
                <div class="content clearfix">
                    <div style="width:275px;">
                        <input type="text" placeholder="称呼…" />
                    </div>
                    <div style="width:275px;">
                        <input type="text" placeholder="手机号码…" />
                    </div>
                    <div style="width:378px;">
                        <input type="text" placeholder="商圈、面积、预算等需求（选填）…" style="width:85%;" />
                    </div>
                    <div style="text-align:center;width:20%;">
                        <a href="javascript:;">提 交</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /委托找房 -->

    <div class="section mt-55">
        <div class="mode-title clearfix">
            <h3 class="pull-left">园区</h3>
            <a href="javascript:;" class="pull-right">查看全部&nbsp;&gt;</a>
        </div>
        <div class="mode-content">
            <ul class="tab-hua clearfix">
                <li class="selected">
                    <a href="javascript:;" id="yuan1"
                        onclick="swiperMove('yuan', 'yuan1', 'yuan-pagination', 0, 0)">科技</a>
                </li>
                <li>
                    <a href="javascript:;" id="yuan2"
                        onclick="swiperMove('yuan', 'yuan2', 'yuan-pagination', 41, 1)">文创</a>
                </li>
                <li>
                    <a href="javascript:;" id="yuan3"
                        onclick="swiperMove('yuan', 'yuan3', 'yuan-pagination', 84, 2)">其他</a>
                </li>
                <li class="move-2" id="yuan-move"></li>
            </ul>
            <div class="yuan-list">
                <div class="swiper-container yuan-swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <dl class="clearfix">
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-1.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-2.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-1.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl class="clearfix">
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-1.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-2.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-1.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                        <div class="swiper-slide">
                            <dl class="clearfix">
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-1.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-2.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="yuan-info">
                                        <img src="../../common/images/index/yuan-1.png">
                                        <div class="house-img-black">
                                            <div class="clearfix">
                                                <a href="javscript:;" class="pull-left">望京科技园</a>
                                                <span class="pull-right">均<big>9</big>元/m²·天</span>
                                            </div>
                                            <div class="split-line"></div>
                                            <ul class="mianji clearfix">
                                                <li>
                                                    <a href="javascript:;">300㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">700㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">900㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1000㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">1200㎡</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">...</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="section mt-55">
        <div class="mode-title clearfix">
            <h3 class="pull-left">知名资产管理公司</h3>
            <a href="javascript:;" class="pull-right">查看全部&nbsp;&gt;</a>
        </div>
        <div class="mode-content">
            <dl class="company-list clearfix">
                <dd>
                    <a href="javascript:;">
                        <img src="../../common/images/zichan-logo.svg">
                    </a>
                </dd>
                <dd>
                    <a href="javascript:;">
                        <img src="../../common/images/zichan-logo.svg">
                    </a>
                </dd>
                <dd>
                    <a href="javascript:;">
                        <img src="../../common/images/zichan-logo.svg">
                    </a>
                </dd>
                <dd>
                    <a href="javascript:;">
                        <img src="../../common/images/zichan-logo.svg">
                    </a>
                </dd>
            </dl>
        </div>
    </div>

    <!-- 房源发布 -->
    <div class="new-publish-outer" style="background: url(../../common/images/index-1-1.jpg) center 100%;">
        <div class="section">
            <div class="new-publish mt-55">
                <div class="title">入驻平台，发布房源<span
                        class="small-title">权威发布&nbsp;&nbsp;高效传达&nbsp;&nbsp;更短空置期&nbsp;&nbsp;更高租金收入</span></div>
                <div class="content clearfix">
                    <div>
                        <a href="javascript:;">开发商</a>
                    </div>
                    <div>
                        <a href="javascript:;">资产管理公司</a>
                    </div>
                    <div>
                        <a href="javascript:;">个人业主</a>
                    </div>
                    <div>
                        <a href="javascript:;">中介代理公司</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /房源发布 -->

    <div class="section" style="margin-bottom:50px;">
        <div class="mt-55 clearfix">
            <div class="left-650">
                <div class="mode-title clearfix" style="padding-right: 30px;margin-bottom: 13px;">
                    <ul class="index-tab pull-left clearfix" id="index-tab">
                        <li id="house1" onclick="houseMove('15', 'house-move')">个人业主</li>
                        <li id="house2" onclick="houseMove('78', 'house-move')">代理</li>
                        <li class="move-3" id="house-move"></li>
                    </ul>
                    <a href="javascript:;" class="pull-right">查看全部&nbsp;&gt;</a>
                </div>
                <div class="mode-content" style="padding-right: 30px;">
                    <div class="house-one">
                        <div class="swiper-container house-swiper-1" style="margin: 0 -5px;">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <ul class="f_left small-pro-list clearfix">
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="swiper-slide">
                                    <ul class="f_left small-pro-list clearfix">
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="swiper-slide">
                                    <ul class="f_left small-pro-list clearfix">
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="swiper-slide">
                                    <ul class="f_left small-pro-list clearfix">
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="small-pro-list-info">
                                                <div class="pic">
                                                    <img src="../../common/images/12.jpg">
                                                    <p class="ellipsis-1">户型方正，无面积浪费无面积浪费无面积浪费无面积浪费</p>
                                                </div>
                                                <div class="remark">
                                                    <a href="javascript:;" class="ellipsis-1">华贸中心 | 300m²</a>
                                                    <div class="detail-info clearfix">
                                                        <div class="pull-left">月浏览1288次</div>
                                                        <div class="pull-right" style="line-height:17px;">
                                                            <span class="blue" style="font-size:16px;">9</span>
                                                            <small> 元/m²·天</small>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-pagination house-swiper-pagination house-swiper-1-pagination"
                                style="bottom:0;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left-495">
                <div class="mode-title clearfix" style="padding-left:30px;">
                    <h3 class="pull-left">最新发布</h3>
                    <a href="javascript:;" class="pull-right">查看全部&nbsp;&gt;</a>
                </div>
                <div class="mode-content" style="padding-left:30px;">
                    <div class="search-tui" id="inner12">
                        <ul id="demo-1">
                            <li class="clearfix">
                                <div class="f_left">
                                    <a href="javascript:;"
                                        class="ellipsis-1">7泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦30平米泛利大厦</a>
                                </div>
                                <div class="f_right">1分钟前</div>
                            </li>
                            <li class="clearfix">
                                <div class="f_left">
                                    <a href="javascript:;"
                                        class="ellipsis-1">6泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦30平米泛利大厦</a>
                                </div>
                                <div class="f_right">1分钟前</div>
                            </li>
                            <li class="clearfix">
                                <div class="f_left">
                                    <a href="javascript:;"
                                        class="ellipsis-1">5泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦30平米泛利大厦</a>
                                </div>
                                <div class="f_right">1分钟前</div>
                            </li>
                            <li class="clearfix">
                                <div class="f_left">
                                    <a href="javascript:;"
                                        class="ellipsis-1">4泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦30平米泛利大厦</a>
                                </div>
                                <div class="f_right">1分钟前</div>
                            </li>
                            <li class="clearfix">
                                <div class="f_left">
                                    <a href="javascript:;"
                                        class="ellipsis-1">3泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦30平米泛利大厦</a>
                                </div>
                                <div class="f_right">1分钟前</div>
                            </li>
                            <li class="clearfix">
                                <div class="f_left">
                                    <a href="javascript:;"
                                        class="ellipsis-1">2泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦30平米泛利大厦</a>
                                </div>
                                <div class="f_right">1分钟前</div>
                            </li>
                            <li class="clearfix">
                                <div class="f_left">
                                    <a href="javascript:;"
                                        class="ellipsis-1">1泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦300平米泛利大厦30平米泛利大厦</a>
                                </div>
                                <div class="f_right">1分钟前</div>
                            </li>
                        </ul>
                        <div id="demo-copy"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--页面底部-->
    <div class="footer">
        <div class="section">
            <div class="foot-box">
                <div class="split">
                    <ul class="info-k clearfix">
                        <li style="width:55%;">
                            <div>
                                <img src="../../common/images/logo-s5.svg" style="width:150px;">
                                <span>&nbsp;&nbsp;城市元素（北京）科技有限公司</span><br>
                                &nbsp;&nbsp;客户服务：<span>010-65883141 ( 早9:00-晚9:00 )</span><br>
                                <!-- <span>&nbsp;&nbsp;support@3Dzhixuan.com</span><br> -->
                            </div>
                        </li>
                        <li style="width:34%;">
                            <div style="padding:0 40px;">
                                <img src="../../common/images/logo/qrcode.svg" style="width:150px;">
                            </div>
                        </li>
                    </ul>
                    <ul class="footer-k clearfix">
                        <li>
                            <a href="../others/入驻平台-开发商.html">入驻平台</a>
                        </li>
                        <li>
                            <a href="../others/平台及服务.html">平台及服务</a>
                        </li>
                        <li>
                            <a href="../others/关于我们.html">关于我们</a>
                        </li>
                        <li>
                            <a href="../others/团队招募.html">团队招募</a>
                        </li>
                        <li>
                            <a href="../others/信息质量管理措施.html">信息质量管理措施</a>
                        </li>
                        <li>
                            <a href="../others/用户隐私与条款.html">用户隐私与条款</a>
                        </li>
                    </ul>
                    <p class="gray">© 2019 城市元素（北京）科技有限公司 版权所有 京ICP备 18009982号-2</p>
                    <p class="gray" style="padding-top: 5px;">声明：本网站所使用的3D图像采集时间为2016年9月</p>
                </div>
            </div>
        </div>
    </div>
    <!--/页面底部-->
    <script>
        // 联合办公
        var swiper3 = new Swiper('.lianhe-swiper', {
            pagination: {
                el: '.lianhe-pagination',
                clickable: true,
            }
        });

        // 园区
        var swiper4 = new Swiper('.yuan-swiper', {
            pagination: {
                el: '.yuan-pagination',
                clickable: true,
            }
        });

        //精选写字楼
        var hotCircleSwiper = new Swiper('#hot-circle-swiper', {
            autoplay: false,
            direction: 'horizontal',
            on: {
                slideChange: function () {
                    $('#jingxuan-area li').removeClass('active');
                    $("#jingxuan-area li").eq(this.activeIndex).addClass('active');
                }
            }
        })

        $(document).ready(function () {
            showTop();

            var myPlayer2 = videojs('preview-player2', {
                isFullScreen: true,
                width: $(window).width(),
                height: height
            })

            var mySwiper = new Swiper('.main_container', {
                autoplay: {
                    delay: 4000,
                    stopOnLastSlide: false,
                    disableOnInteraction: true,
                },
                pagination: {
                    el: '.main_container_pagination',
                    clickable: true,
                },
                loop: true,//轮播
            })

            var brandSwiper = new Swiper('#brand-swiper', {
                autoplay: true,
                direction: 'horizontal',
                pagination: {
                    el: '.brand-pagination',
                    clickable: true,
                }
            })

            //个人业主-园区
            var houseOneSwiper = new Swiper('.house-swiper-1', {
                autoplay: true,
                direction: 'horizontal',
                pagination: {
                    el: '.house-swiper-1-pagination',
                    clickable: true,
                },
                on: {
                    slideChange: function () {
                        var left = 15;
                        var index = houseOneSwiper.realIndex;
                        if (index >= 2) {
                            left = 78;
                        }
                        if (index == 0) {
                            left = 15;
                        }
                        document.getElementById('house-move').style.left = left + 'px';
                    }
                }
            })

            var speed = 60
            window.onload = function () {
                var demo = document.getElementById("inner12");
                var demo2 = document.getElementById("demo-copy");
                var demo1 = document.getElementById("demo-1");
                demo2.innerHTML = demo1.innerHTML
                function Marquee() {
                    if (demo.scrollTop >= demo1.offsetHeight) {
                        demo.scrollTop = 0;
                    }
                    else {
                        demo.scrollTop = demo.scrollTop + 1;
                    }
                }
                var MyMar = setInterval(Marquee, speed)
                demo.onmouseover = function () { clearInterval(MyMar) }
                demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
            }

            //鼠标覆盖停止自动切换
            var comtainer = document.getElementById('main');
            comtainer.onmouseenter = function () {
                mySwiper.autoplay.stop();
            };
            comtainer.onmouseleave = function () {
                mySwiper.autoplay.start();
            }

            // 头部导航动态展示
            $(window).scroll(function () {
                showTop();
            })

            $('#jingxuan-area li').on('click', function () {
                $('#jingxuan-area li').removeClass('active');
                $(this).addClass('active');
                hotCircleSwiper.slideTo($(this).attr('data-id'), 1000, false);//切换到第一个slide，速度为1秒
            })
        })

        function showTop() {
            var h = $(window).scrollTop();//获取当前滚动条的高度
            //高度在0～290时
            if (h >= 0 && h < 290) { $('.fixbanner').hide(); } else { $('.fixbanner').show(); }
        }

        function slideTo(swiper, num) {
            swiper.slideTo(num, 800, false);//切换到第一个slide，速度为1秒
        }

        function changeMove(aimDom, selectDom, left, move) {
            $('.' + aimDom).find('li').removeClass('selected');
            $('#' + selectDom).parent().addClass('selected');
            document.getElementById('' + move + '').style.left = left + 'px';
        }

        function swiperMove(swipername, id, pagination, range, index) {
            if (swipername == "lianhe") {
                slideTo(swiper3, index);
            }
            if (swipername == "yuan") {
                slideTo(swiper4, index);
            }

            changeMove(pagination, id, range, swipername + '-move');
        }

        function houseMove(left, move, type) {
            document.getElementById('' + move + '').style.left = left + 'px';
        }
    </script>
</body>

</html>